<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jd 子网页1</title>
    <link rel="stylesheet" href="js/script.js">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav>
<div class="container">
    <div class="row">
<div class="col-md-10">
    <div class="foer">
        <div class="logo">
            <a class="ss" href=""><img src="img/logo-201305-b.png" alt=""></a>
            <a class="zz" href=""><img src="img/huanying.png" alt=""></a>
        </div>
    </div>
</div>
<div class="col-md-2">
    <div class="fw">
        <a class="jj" href=""><img src="img/shenglvhao.png" alt="">登录页面，调查问卷</a>
    </div>
</div>
    </div>
</div>
</nav>
<header>
   <div class="container">
       <div class="row">
           <div class="col-md-12">
               <div class="daso">
                   <div class="tips-wrapper">
                       <div class="cont-wrapper">
                           <p><i class="tips"></i>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a href="">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</p>
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
</header>
<main>
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <div class="login-banner">
                    <img src="img/zhongjian.jpg" alt="">
                </div>
            </div>
            <div class="col-md-4">
                <div class="w">
                <div class="login-wrap">
                    <div class="tips-wrapper">
                        <div class="tips-inner">
                            <p><i class="tips"></i>京东不会以任何理由要求您转账汇款，谨防诈骗。</p>
                        </div>
                    </div>
                    <div class="tips-wrs">
                        <a class="sao" href="">扫码登录</a>
                    </div>
                    <div class="tips-wro">
                        <a class="zhang" href="">账户登录</a>
                    </div>
                    <div class="qrcode-login">
                        <div class="mcc">
                            <div class="qrcode-error">
                                <img src="img/erweima.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="qrcode-panel">
                          <ul>
                              <li class="foter"> <span>打开</span> <a href="">手机京东</a> </li>
                              <li>二维码扫码</li>
                          </ul>
                    </div>
                    <div class="coagent">
                        <ul>
                            <li class="dsaf">
                                <img src="img/1_03.png" alt="">
                            <em>免输入</em>
                            </li>
                            <li>
                                <img src="img/2_03.png" alt="">
                                <em>更快</em>
                            </li>
                            <li>
                                <img src="img/3_03.png" alt="">
                                <em>更安全</em>
                            </li>
                        </ul>
                    </div>
                    <div class="coagentaa">
                        <ul>
                            <li>
                                <img src="img/QQ_01.png" alt="">
                                <a href="">QQ</a>
                                <span> | </span>
                            </li>
                            <li>
                                <img src="img/weixin_02.png" alt="">
                                <a href="">微信</a>
                            </li>
                            <li class="link-ss">
                                <div class="link">
                                    <b> <img src="img/da_03.png" alt=""></b>
                                    <a href="">立即注册</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
</main>
<footer>
    <div class="container">
        <div class="footer-yang">
            <div class="jf">
                <a class="noff" href="">关于我们</a>
                |
                <a class="noff" href="">联系我们</a>
                |
                <a class="noff" href="">人才招聘</a>
                |
                <a class="noff" href="">商家入驻</a>
                |
                <a class="noff" href="">广告服务</a>
                |
                <a class="noff" href="">手机京东</a>
                |
                <a class="noff" href="">交情链接</a>
                |
                <a class="noff" href="">销售联盟</a>
                |
                <a class="noff" href="">京东社区</a>
                |
                <a class="noff" href="">京东公益</a>
                |
                <a class="noff" href="">English Site</a>
            </div>
            <div class="copyright">
                Copyright&nbsp;©&nbsp;2004-2019&nbsp;&nbsp;京东JD.com&nbsp;版权所有
            </div>
        </div>
    </div>
</footer>





<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>